.box{
	display: flex;
	flex-wrap: wrap;
}
.item{
	height: 120px;
	cursor: pointer;
	display: flex;
	padding: 6px;
	margin: 4px;
	transition: all .4s;
	border: 4px solid rgba(255, 204, 0, 0);
	border-radius: 10px 40px 20px 10px;
	&:hover{
		border: 4px solid rgba(255, 204, 0, .7);
	}
	.text{
		max-width: 200px;
		margin: 10px;
		font-size: 18px;
		font-weight: bold;
		font-family: sans-serif;
		&:hover{
			animation: textAni .4s;
		}
	}
	&:hover{
		color:rgba(255, 204, 0, 1);
	}
}

@keyframes textAni{
	10% {
		transform: translate(10px,10px);
	}
	30% {
		transform: rotate(30deg);
	}
	40%{
		transform: rotate(-30deg);
	}
	70% {
		transform: rotate(0deg);
		transform: scale(1.2,1.2);
	}
	100%{

	}
	
}